<template>
	<view class="page">
		<view class="row">
			<view class="lf">
				头像
			</view>
			<view class="rt">
				<image src="../../static/logo.png" mode=""></image>
				<view class="iconfont iconjiantou"></view>
			</view>
		</view>
		
		<view class="row">
			<view class="lf">
				昵称
			</view>
			<view class="rt" @click.stop="onNickname">
				{{nickname}}
				<view class="iconfont iconjiantou"></view>
			</view>
		</view>
		
		<view class="row">
			<view class="lf">
				手机号
			</view>
			<view class="rt">
				18888888888
				<view class="iconfont iconjiantou"></view>
			</view>
		</view>
		
		<view class="row">
			<view class="lf">
				用户ID
			</view>
			<view class="rt">
				shhelly
				<view class="iconfont iconjiantou"></view>
			</view>
		</view>
		
		<view class="row">
			<view class="lf">
				性别
			</view>
			<view class="rt">
				女
				<view class="iconfont iconjiantou"></view>
			</view>
		</view>
		
		<view class="row">
			<view class="lf">
				民族
			</view>
			<view class="rt">
				汉族
				<view class="iconfont iconjiantou"></view>
			</view>
		</view>
		
		<view class="row">
			<view class="lf">
				学校
			</view>
			<view class="rt">
				万州二中
				<view class="iconfont iconjiantou"></view>
			</view>
		</view>
		
		<view class="row">
			<view class="lf">
				年级
			</view>
			<view class="rt">
				高三
				<view class="iconfont iconjiantou"></view>
			</view>
		</view>
		
		<view class="row">
			<view class="lf">
				考生类型
			</view>
			<view class="rt">
				艺术考生
				<view class="iconfont iconjiantou"></view>
			</view>
		</view>
		
		<view class="row">
			<view class="lf">
				高考省份
			</view>
			<view class="rt">
				重庆
				<view class="iconfont iconjiantou"></view>
			</view>
		</view>
		
		<view class="btn">
			保存
		</view>
		
		<!-- 提示框 -->
		<dialog-box ref="dialog-box"></dialog-box>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				nickname:'shelly',//昵称
			}
		},
		methods: {
			/**
			 * 昵称点击
			 */
			onNickname(text,parameter){
				this.$refs['dialog-box'].confirm({
					title: '更改昵称',
					placeholder: '请输入修改的昵称',
					value: this.nickname,
					DialogType: 'input',
					animation: 0
				}).then((res)=>{
					this.nickname = res.value;
					console.log(this.nickname)
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import 'userInformation.scss';
	@import '@/common/icon/iconfont.css';
</style>
